import {Component} from 'react'
//引入props的类型检查
//(props的类型检查只是用于开发时的一个提示)
import PropTypes from 'prop-types';

export default class ShowInfo extends Component{
     
     static defaultProps={
         gender:"男",
         age:18
     }



     constructor(props){
        super(props);
     }

    render(){
        return (
            <div>
            <ul>
                <li>姓名:{this.props.name}</li>
                <li>真实年龄：{this.props.age}</li>
                <li>5年后年龄：{this.props.age+5}</li>
                <li>性别：{this.props.gender}</li>
                <li>爱好:{this.props.hobby}</li>
            </ul>
          </div>
        )
    }
}
//props的类型检查
ShowInfo.propTypes={
      //表示name属性是一个字符串类型，并且是一个必填属性
      name:PropTypes.string.isRequired,
      gender:PropTypes.string,
      age:PropTypes.number,
      hobby:PropTypes.array.isRequired
}

